<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>查找用户</title>
</head>
<body>
<style>
    body{
    }
    table{
        border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/
        border:1px olivedrab solid; /*定义边框样式*/
    }
    .button {
        position: center;
        text-align:center;
        background-color: coral;
        color: white;
        text-decoration:none;//去下划线
        border-color: chocolate;
        border-bottom-color: chocolate;
        border-right-color: chocolate;
        border-radius:7px;//按钮圆角锐化

    }
    .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

    .button span:after {
        content: '»';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    .button:hover span {
        padding-right: 10px;
    }


</style>
<form th:action="@{find}">
    <table border="1" align="center">
        <tr>
            <th>用戶ID</th>
            <th>用戶姓名</th>
            <th>用戶密码</th>
            <th>管理員級別</th>
            <th>性别</th>
            <th>用户号码</th>
            <th>用户住址</th>
            <th>黑名单</th>
            <th>邮箱</th>
        </tr>
        <tr th:each="user,userStat :${users}">
           <td><input name="userid" type="text" th:value="${user.userid}"/></td>
           <td><input name="username" type="text" th:value="${user.username}"/></td>
           <td><input name="password" type="text" th:value="${user.password}"/></td>
           <td><input name="role" type="text" th:value="${user.usersex}"/></td>
           <td><input name="usersex" type="text" th:value="${user.usersex}"/></td>
           <td><input name="userphone" type="text" th:value="${user.userphone}"/></td>
           <td><input name="useraddress" type="text" th:value="${user.useraddress}"/></td>
           <td><input name="blacklist" type="text" th:value="${user.blacklist}"/></td>
           <td><input name="email" type="text" th:value="${user.email}"/></td>
        </tr>
    </table>
</form>
<form th:action="@{viewUser}" align="center" method="get">
    <button type="submit"  class="button"><span>返回</span></button>
</form>
</body>
</html>